<template>
	<view>
		<view class="sticky-tabs">
			<show-tabs v-model="tabIndex" :tabs="tabs" @change="handleItem" :tab-width="250	"></show-tabs>
		</view>
		<view v-if="tabIndex  == 0">
			<view class="u-he-260 u-p-50 " style="background: url('../../static/images/star.jpg');">
				<view class="u-flex u-wdd-100 u-flex-between u-flex-y-center u-p-t-40">
					<view class="u-flex u-flex-y-center">
						<image src="../../static/images/jifen.png" mode="" class="u-wd-100 u-he-100"></image> 
						<view class="u-p-l-30">
							<view class="u-font-15">
								名字
							</view>
							<view class="u-font-13 u-p-t-20" style="color: #ff3b2b">
								订阅
							</view>
						</view>
					</view>
					
				</view>
			</view> 
			<view class="u-p-30">
				<view class="u-font-15 c-fff u-p-b-50">
					最新上传
				</view>
				<view class="u-flex"> 
					<image src="../../static/images/app.jpg" mode="" class="u-wd-500 u-he-200"></image>
					<view class="u-m-l-25 u-font-13 u-lihe-60 u-lihe-3">
						[Onuri]感官的觉醒：舔耳口腔音的细腻之声，让你的身心得到完全放松 
					</view> 
				</view>
			</view>
		</view>
		<view class="u-p-50 text-center" v-else-if="tabIndex == 1">
			<img  src="https://www.qqasmr.com/images/tomato_sleep.png" class="u-wd-400 u-he-320" alt="暂无数据">
			<view class="u-font-14 c-9e">
				还木有上传照片~
			</view>
		</view>
		<view class="u-p-50" v-else-if="tabIndex == 2">
			<view class="u-font-13 u-lihe-60">
				<view class="u-flex u-flex-y-center u-flex-between">
					<view>
						<view>
							迷了
						</view>
						<view class="">
							生日：11995
						</view>
						<view class="">
							星座：双子座
						</view>
						<view class="u-p-b-15">
							位置：美国
						</view>
					</view>
					<view>
						<image src="../../static/images/jifen.png" mode="" class="u-wd-160 u-he-160"></image>
					</view>
				</view>
				
				<view class="u-p-t-15" style="border-top:1px solid rgba(255, 255, 255, 0.08);"> 
					简介：我种下一个番茄，主卫让你撒地方
				</view>
			</view>
			
			
		</view>
	</view>
	
	
</template>

<script>
	export default{
		data(){
			return{
				tabIndex: 0, // tab下标
				tabs: [{
					id: '0',
					name: '作品',
				}, {
					id: 1,
					name: '相册',
				}, {
					id: 2,
					name: '简介',
				}]
			}
		},
		methods:{
			handleItem(){
				
			}
		}
	}
</script>

<style>
</style>